import {debounce} from './utils'
import BackTop from 'components/content/backTop/BackTop'
import {POP, NEW, SELL} from "./const";



export const itemListenerMixin = {
  data() {
    return {
      itemImgListener:null,
      newRefresh:null
    }
  },
  mounted() {
    this.newRefresh =debounce(this.$refs.scroll.refresh, 200);
    this.itemImgListener = () =>{newRefresh()};
    this.$bus.$on('imageLoad',this.itemImgListener)
   
  },
}

export const backTopMixin = {
  components:{
    BackTop
  },
  data() {
    return {
      isShowBackTop:false
    }
  },
  methods: {
    backtop(){
      this.$refs.scroll.scrollTo(0,0,300)
    },
    listenShowBackTop(position){
      this.isShowBackTop = (-position.y) > 1000
    }
  },
}

export const tabControlMixin = {
	data: function () {
		return {
			currentType: POP
		}
	},
	methods: {
		tabClick(index) {
			switch (index) {
				case 0:
					this.currentType = POP
					break
				case 1:
					this.currentType = NEW
					break
				case 2:
					this.currentType = SELL
					break
			}
			console.log(this.currentType);
		}
	}
}